import React from 'react';
import { Form, Select, InputNumber } from 'antd';
import css from '../index.scss';

/**
 * 停车管理备案中新增备案中停车场设施-附属设施表单
 */
export default () => {
	const { Option } = Select;
	return (
		<div>
			<Form.Item label="停车诱导系统(多选)" className={css.item} name="guideSystemType">
				<Select mode="multiple" style={{ width: '100%' }} allowClear placeholder="请输入" optionLabelProp="label">
					<Option value="无" label="无">
						<div className="demo-option-label-item">无</div>
					</Option>
					<Option value="车辆空位引导" label="车辆空位引导">
						<div className="demo-option-label-item">车辆空位引导</div>
					</Option>
					<Option value="方向寻车系统" label="反向寻车系统">
						<div className="demo-option-label-item">反向寻车系统</div>
					</Option>
					<Option value="室内导航" label="室内导航">
						<div className="demo-option-label-item">室内导航</div>
					</Option>
					<Option value="其他" label="其他">
						<div className="demo-option-label-item">其他</div>
					</Option>
				</Select>
			</Form.Item>
			<Form.Item label="洗车场" className={css.item} name="haveCarWash">
				<Select style={{ width: '100%' }} placeholder="请输入" defaultValue="无">
					<Option value={0}>无</Option>
					<Option value={1}>有</Option>
				</Select>
			</Form.Item>
			<Form.Item label="通讯信号覆盖率" className={css.item} name="netAndSignalPercent" initialValue={0}>
				<InputNumber
					min={0}
					formatter={(value) => `${value}%`}
					parser={(value) => value.replace('%', '')}
					style={{ width: '100%' }}
				/>
			</Form.Item>
			<Form.Item label="立体停车类型(多选)" className={css.item} name="solidParkType">
				<Select mode="multiple" style={{ width: '100%' }} allowClear placeholder="请选择" optionLabelProp="label">
					<Option value="无" label="无">
						<div className="demo-option-label-item">无</div>
					</Option>
					<Option value="水平循环类" label="水平循环类">
						<div className="demo-option-label-item">水平循环类</div>
					</Option>
					<Option value="平面移动类" label="平面移动类">
						<div className="demo-option-label-item">平面移动类</div>
					</Option>
					<Option value="巷道堆垛类停车设备" label="巷道堆垛类停车设备">
						<div className="demo-option-label-item">巷道堆垛类停车设备</div>
					</Option>
					<Option value="汽车专用升降机型" label="汽车专用升降机型">
						<div className="demo-option-label-item">汽车专用升降机型</div>
					</Option>
					<Option value="简易升降类" label="简易升降类">
						<div className="demo-option-label-item">简易升降类</div>
					</Option>
					<Option value="多层循环类" label="多层循环类">
						<div className="demo-option-label-item">多层循环类</div>
					</Option>
					<Option value="垂直循环式" label="垂直循环式">
						<div className="demo-option-label-item">垂直循环式</div>
					</Option>
					<Option value="升降横移类" label="升降横移类">
						<div className="demo-option-label-item">升降横移类</div>
					</Option>
					<Option value="垂直升降类" label="垂直升降类">
						<div className="demo-option-label-item">垂直升降类</div>
					</Option>
					<Option value="其他" label="其他">
						<div className="demo-option-label-item">其他</div>
					</Option>
				</Select>
			</Form.Item>
			<Form.Item label="消防(多选)" className={css.item} name="fireFighting">
				<Select mode="multiple" style={{ width: '100%' }} allowClear placeholder="请选择" optionLabelProp="label">
					<Option value="无" label="无">
						<div className="demo-option-label-item">无</div>
					</Option>
					<Option value="防火报警装置烟感" label="防火报警装置烟感">
						<div className="demo-option-label-item">防火报警装置烟感</div>
					</Option>
					<Option value="烟感" label="烟感">
						<div className="demo-option-label-item">烟感</div>
					</Option>
					<Option value="喷淋" label="喷淋">
						<div className="demo-option-label-item">喷淋</div>
					</Option>
					<Option value="温度探测器" label="温度探测器">
						<div className="demo-option-label-item">温度探测器</div>
					</Option>
					<Option value="消防栓" label="消防栓">
						<div className="demo-option-label-item">消防栓</div>
					</Option>
					<Option value="灭火器" label="灭火器">
						<div className="demo-option-label-item">灭火器</div>
					</Option>
					<Option value="消防通道顺畅" label="消防通道顺畅">
						<div className="demo-option-label-item">消防通道顺畅</div>
					</Option>
					<Option value="其他" label="其他">
						<div className="demo-option-label-item">其他</div>
					</Option>
				</Select>
			</Form.Item>
			<Form.Item label="公共卫生间" className={css.item} name="publicToiletCount">
				<Select style={{ width: '100%' }} placeholder="请选择" defaultValue="无">
					<Option value={0}>无</Option>
					<Option value={1}>有</Option>
				</Select>
			</Form.Item>
			<Form.Item label="停车管理系统" className={css.item} name="haveParkSystem">
				<Select style={{ width: '100%' }} placeholder="请选择" defaultValue="无">
					<Option value={0}>无</Option>
					<Option value={1}>有</Option>
				</Select>
			</Form.Item>
			<Form.Item className={css.item}>
				<></>
			</Form.Item>
			<Form.Item className={css.item}>
				<></>
			</Form.Item>
			<Form.Item label="智能化电子收费系统(多选)" className={css.item} name="intelligentElectricChargeSystem">
				<Select mode="multiple" style={{ width: '100%' }} allowClear placeholder="请选择" optionLabelProp="label">
					<Option value="无" label="无">
						<div className="demo-option-label-item">无</div>
					</Option>
					<Option value="自动缴费机" label="自动缴费机">
						<div className="demo-option-label-item">自动缴费机</div>
					</Option>
					<Option value="手机APP缴费" label="手机APP缴费">
						<div className="demo-option-label-item">手机APP缴费</div>
					</Option>
					<Option value="扫码缴费" label="扫码缴费">
						<div className="demo-option-label-item">扫码缴费</div>
					</Option>
					<Option value="无感支付" label="无感支付">
						<div className="demo-option-label-item">无感支付</div>
					</Option>
					<Option value="ETC缴费" label="ETC缴费">
						<div className="demo-option-label-item">ETC缴费</div>
					</Option>
					<Option value="其他" label="其他">
						<div className="demo-option-label-item">其他</div>
					</Option>
				</Select>
			</Form.Item>
			<Form.Item
				label="监控系统覆盖率"
				className={css.item}
				name="monitorSystemPercent"
				initialValue={0}
				rules={[{ required: true, message: '监控系统率不能为空' }]}
			>
				<InputNumber
					min={0}
					formatter={(value) => `${value}%`}
					parser={(value) => value.replace('%', '')}
					style={{ width: '100%' }}
				/>
			</Form.Item>
			<Form.Item label="照明设施" className={css.item} name="haveLightingFacility">
				<Select style={{ width: '100%' }} placeholder="请选择" defaultValue="无">
					<Option value={0}>无</Option>
					<Option value={1}>有</Option>
				</Select>
			</Form.Item>
			<Form.Item label="应急照明系统" className={css.item} name="haveUrgeLightingSystem">
				<Select style={{ width: '100%' }} placeholder="请选择" defaultValue="无">
					<Option value={0}>无</Option>
					<Option value={1}>有</Option>
				</Select>
			</Form.Item>
			<Form.Item label="通风系统" className={css.item} name="haveVentilationSystem">
				<Select style={{ width: '100%' }} placeholder="请选择" defaultValue="无">
					<Option value={0}>无</Option>
					<Option value={1}>有</Option>
				</Select>
			</Form.Item>
			<Form.Item label="停车定位器" className={css.item} name="haveParkPosition">
				<Select style={{ width: '100%' }} placeholder="请选择" defaultValue="无">
					<Option value={0}>无</Option>
					<Option value={1}>有</Option>
				</Select>
			</Form.Item>
			<Form.Item label="停车道路硬化" className={css.item} name="haveRoadHarden">
				<Select style={{ width: '100%' }} placeholder="请选择" defaultValue="无">
					<Option value={0}>无</Option>
					<Option value={1}>有</Option>
				</Select>
			</Form.Item>
			<Form.Item label="道闸" className={css.item} name="haveBarrier">
				<Select style={{ width: '100%' }} placeholder="请选择" defaultValue="无">
					<Option value={0}>无</Option>
					<Option value={1}>有</Option>
				</Select>
			</Form.Item>
			<Form.Item label="内墙及顶面是否经过饰面处理" className={css.item} name="wallAndCeillingIsDecoration">
				<Select style={{ width: '100%' }} placeholder="请选择" defaultValue="无">
					<Option value={0}>无</Option>
					<Option value={1}>有</Option>
				</Select>
			</Form.Item>
			<Form.Item label="标志标牌(多选)" className={css.item} name="signage">
				<Select mode="multiple" style={{ width: '100%' }} allowClear placeholder="请选择" optionLabelProp="label">
					<Option value="无" label="无">
						<div className="demo-option-label-item">无</div>
					</Option>
					<Option value="停车标志牌" label="停车标志牌">
						<div className="demo-option-label-item">停车标志牌</div>
					</Option>
					<Option value="标线" label="标线">
						<div className="demo-option-label-item">标线</div>
					</Option>
					<Option value="标牌" label="标牌">
						<div className="demo-option-label-item">标牌</div>
					</Option>
					<Option value="反光标志" label="反光标志">
						<div className="demo-option-label-item">反光标志</div>
					</Option>
					<Option value="其他" label="其他">
						<div className="demo-option-label-item">其他</div>
					</Option>
				</Select>
			</Form.Item>
			<Form.Item label="现场收费公示牌(个)" className={css.item} name="spotFeePublicBrand">
				<Select style={{ width: '100%' }} placeholder="请选择" defaultValue="无">
					<Option value={0}>无</Option>
					<Option value={1}>有</Option>
				</Select>
			</Form.Item>
			<Form.Item
				label="充电桩数量(个)"
				className={css.item}
				name="chargePileCount"
				initialValue={0}
				rules={[{ required: true, message: '充电桩数量不能为空' }]}
			>
				<InputNumber min={0} style={{ width: '100%' }} />
			</Form.Item>
		</div>
	);
};
